<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.box0 {
				width: 200px;
				height: 300px;
			}

			.buy {
				position: relative;
				width: 124px;
				height: 18px;
				border: 1px solid #eee;
				margin-left: 100px;
				margin-top: 100px;
				padding: 10px 15px;
			}

			.buy:hover {
				border: 1px solid #e1251b;
			}

			.car {
				float: left;
				width: 23px;
				height: 20px;
				/* border: 1px solid #e1251b; */
				margin-right: 15px;
			}

			a {
				color: #e1251b;
				text-decoration: none;
			}

			.num {
				position: absolute;
				width: 18px;
				height: 14px;
				background-color: #e1251b;
				color: white;
				text-align: center;
				line-height: 14px;
				left: 25px;
				top: 4px;
				border-radius: 7px;
				font-size: 10px;
			}
		</style>
	</head>
	<body>
		<div class="buy">
			<div class="num">0</div>
			<img src="img/抹茶.png" class="car">
			<a href="#">我的购物车</a>
	</body>
</html>
